<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>联系我们</title>
		<link rel="stylesheet" type="text/css" href="css/base.css"/>
		<link rel="stylesheet" type="text/css" href="./css/lianxiwo.css"/>
		<link rel="stylesheet"  type="text/css" href="./js/animate.min.css"/>
		<script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="./js/jquery-3.5.1.min.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
	<!-- 头部 -->
		<header id="head">
			<nav>
				<div class="left"><a href="#"><img src="images/menu.png" ></a>
					<div class="list"><a href="#"><img src="images/cross.png" ></a>
						<div class="box">
							<h3>Hello,</h3>
							<p>Vestibulum commodo volutpat a, convallis ac, laoreet enim. Phasellus fermentum in, dolor.</p>
							<p>Pellentesque facilisis. Nulla imperdiet sit amet magna.</p>
							<ul class="ziti">
								<a href="#"><li class="iconfont">&#xe63d;</li></a>
								<a href="#"><li class="iconfont">&#xe6c6;</li></a>
								<a href="#"><li class="iconfont">&#xe71c;</li></a>
								<a href="#"><li class="iconfont">&#xe9b2;</li></a>
							</ul>
							<ul class="wenzi">
								<a href="index.html"><li>家</li></a>
								<a href="#hualang"><li>画廊</li></a>
								<a href="shinei.html"><li>室内设计</li></a>
								<a href="chuangzao.html"><li>创造MYHONE</li></a>	
								<a href="lianxiwo.html"><li>联系我们</li></a>
							</ul>
						</div>
					</div>
				</div>
				<div class="conter">
					<a href="shinei.html">室内设计</a><a href="chuangzao.html">创造MYHOME</a>
				</div>
				<div class="right"><form ><input type="text" placeholder="你心里的HOME...">
				</form>
				</div>
			</nav>
			<div class="zhuti">
				<ul class="ziti">
					<a href="#"><li class="iconfont">&#xe63d;</li></a>
					<a href="#"><li class="iconfont">&#xe6c6;</li></a>
					<a href="#"><li class="iconfont">&#xe71c;</li></a>
					<a href="#"><li class="iconfont">&#xe9b2;</li></a>
				</ul>
				<div class="zhognjian"><h1>constellation </h1>
					<em>f I create from the heart, nearly everything works; if from the head, almost nothing.</em>
				</div>
			</div>
		</header>
		<!-- 联系我 -->
		<main>
			<div class="left">
				<h3>CONTACT INFO</h3>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum adipiscing vestibulum sapien, in ultricies tellus dignissim eget. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
				<p>Praesent mollis dolor eros, vel facilisis nisi auctor ut. Cras id convallis ipsum. Mauris posuere, ligula ac sodales sollicitudin, risus sapien iaculis libero, ac molestie orci arcu non ante. Fusce est leo, ornare ut porta quis, dictum et mi. Aliquam vel pretium sem</p>
			</div>
			<div class="right">
				<h3>CONTACT ME</h3>
				<form action="">
					<div class="user"><p>Name:</p>
						<input type="text">
					</div>
					<div class="user"><p>Email:</p>
						<input type="text">
					</div>
					<p>Message:</p>
					<textarea name="" id="" cols="30" rows="10"></textarea>
					<input class="anniu" type="submit" name="" id="" value="SEND" />
				</form>
			</div>
		</main>
		<!-- 页脚 -->
		<footer>
				<ul class="ziti">
					<a href="#"><li class="iconfont">&#xe63d;</li></a>
					<a href="#"><li class="iconfont">&#xe6c6;</li></a>
					<a href="#"><li class="iconfont">&#xe71c;</li></a>
					<a href="#"><li class="iconfont">&#xe9b2;</li></a>
				</ul>
				<p>Copyright (2020) Constellation template / <span>Isofish layout</span></p>
		</footer>
	</body>
</html>
